<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Texas Hold'em</title>
<link rel="stylesheet" type="text/css" href="styles.css" />
</head>
<body>
<div class="main">
	<h1>bat-poker</h1> 

	<div class="tableArea">
		<div class="table">
			<div class="pot">Pot: $200</div>	
			
			<!-- Card deck -->
			<div class="deck card backSide"></div>
			
			<!-- Community cards -->
			<div class="black community card" >
				<div class="top number">K</div>	
				<div class="suit">&spades;</div>
			 	<div class="bottom number">K</div>
			</div>
			
			<div class="red community card" >
				<div class="top number">K</div>
				<div class="suit">&diams;</div>
				<div class="bottom number">K</div>
			</div>
			
			<div class="black community card"  >
				<div class="top number">K</div>
				<div class="suit">&clubs;</div>
				<div class="bottom number">K</div>
			</div>
			
			<div class="red community card" >
				<div class="top number">A</div>
				<div class="suit">&hearts;</div>
				<div class="bottom number">A</div>	
			</div>
			
			<div class="red community card" >
				<div class="top number">K</div>
				<div class="suit">&hearts;</div>
				<div class="bottom number">K</div>	
			</div>
					 
		</div>
		
		<!-- Players -->
		<div class="player" style="top:20px;left:189px">			
			<div class="playerInfo">
				<dl>
					<dt class="action">Fold</dt>
					<dt class="name">Batman</dt>
					<dt class="amount">$100</dt>
				</dl>
			</div>
			<div class="black playerCard card">
				<div class="top smallNumber">6</div>
				<div class="smallSuit">&clubs;</div>
				<div class="bottom smallNumber">6</div>
			</div> 
			<div class="red playerCard card">
				<div class="top smallNumber">10</div>
				<div class="smallSuit">&diams;</div>
				<div class="bottom smallNumber">10</div>
			</div> 
		</div>
		
		<div class="player" style="bottom:97px;left:-21px">			
			<div class="playerInfo">
				<dl>
					<dt class="action">Check</dt>
					<dt class="name">Alfred</dt>
					<dt class="amount">$100</dt>
				</dl>
			</div>
			<div class="backSide playerCard card"></div> 
			<div class="backSide playerCard card"></div>
		</div>
		
		<div class="player" style="bottom:313px;left:-61px">			
			<div class="playerInfo">
				<dl>
					<dt class="action">Check</dt>
					<dt class="name">Joker</dt>
					<dt class="amount">$100</dt>
				</dl>
			</div>
			<div class="backSide playerCard card"></div> 
			<div class="backSide playerCard card"></div>
		</div>
		
		<div class="player" style="bottom:529px;left:-21px">			
			<div class="playerInfo">
				<dl>
					<dt class="action">Check</dt>
					<dt class="name">Robin</dt>
					<dt class="amount">$100</dt>
				</dl>
			</div>
			<div class="backSide playerCard card"></div> 
			<div class="backSide playerCard card"></div>
		</div>

		<div class="player" style="bottom:637px;left:119px">			
			<div class="playerInfo">
				<dl>
					<dt class="action">Check</dt>
					<dt class="name">Mr. Freeze</dt>
					<dt class="amount">$100</dt>
				</dl>
			</div>
			<div class="backSide playerCard card"></div> 
			<div class="backSide playerCard card"></div>
		</div>

		<div class="player" style="bottom:709px;left:259px">			
			<div class="playerInfo">
				<dl>
					<dt class="action">Check</dt>
					<dt class="name">Riddler</dt>
					<dt class="amount">$100</dt>
				</dl>
			</div>
			<div class="backSide playerCard card"></div> 
			<div class="backSide playerCard card"></div>
		</div>

		<div class="player" style="bottom:745px;left:399px">			
			<div class="playerInfo">
				<dl>
					<dt class="action">Check</dt>
					<dt class="name">Egghead</dt>
					<dt class="amount">$100</dt>
				</dl>
			</div>
			<div class="backSide playerCard card"></div> 
			<div class="backSide playerCard card"></div>
		</div>

		<div class="player" style="bottom:673px;left:439px">			
			<div class="playerInfo">
				<dl>
					<dt class="action">Check</dt>
					<dt class="name">Penguin</dt>
					<dt class="amount">$100</dt>
				</dl>
			</div>
			<div class="backSide playerCard card"></div> 
			<div class="backSide playerCard card"></div>
		</div>

		<div class="player" style="bottom:601px;left:399px">		
			<div class="playerInfo">
				<dl>
					<dt class="action">Bet 25</dt>
					<dt class="name">False-Face</dt>
					<dt class="amount">$75</dt>
				</dl>
			</div>
			<div class="backSide playerCard card"></div> 
			<div class="backSide playerCard card"></div>
		</div>

	</div>	
	<div class="chatbox">		
		<form action="Chat">
			<h2>Chat</h2>
			<div class="chatArea">
				test<br/>test<br/>test<br/>test<br/>test<br/>test<br/>test<br/>test<br/>test<br/>test<br/>test<br/>test<br/>test<br/>
				test<br/>test<br/>test<br/>test<br/>test<br/>test<br/>test<br/>test<br/>test<br/>test<br/>test<br/>test<br/>test<br/>
			</div>	
			<br/>
			<input type="text" name="playerMessage" maxlength="90" size="35"/>
			<br/>
		</form>
	</div>
</div>
</body>
</html>